interface PasswordInputStyle {
  "--van-password-input-margin": number;
  "--van-password-input-height": string;
  "--van-password-input-text-color"?: string;
  "--van-password-input-background"?: string;
  "--van-border-width": number;
  "--van-border-color": string;
}
interface InputConfigItem {
  style: PasswordInputStyle;
  showError: boolean;
}
interface InputConfig {
  [key: string]: InputConfigItem;
}

const commonStyle: PasswordInputStyle = {
  "--van-password-input-margin": 0,
  "--van-password-input-height": "38px",
  "--van-border-width": 0,
  "--van-border-color": "transparent"
};
const inputConfig: InputConfig = {
  normal: {
    style: {
      ...commonStyle,
      "--van-password-input-text-color": "#186DC8",
      "--van-password-input-background": "#E4F1FF"
    },
    showError: false
  },
  notWinning: {
    style: {
      ...commonStyle,
      "--van-password-input-text-color": "#A5A5A5",
      "--van-password-input-background": "#EDECEC"
    },
    showError: false
  },
  numberError: {
    style: {
      ...commonStyle,
      "--van-password-input-text-color": "#FF5A5A",
      "--van-password-input-background": "#FFE4E4"
    },
    showError: true
  },
  prefix_3: {
    style: commonStyle,
    showError: false
  },
  suffix_3: {
    style: commonStyle,
    showError: false
  },
  suffix_2: {
    style: commonStyle,
    showError: false
  },
  winning: {
    style: {
      ...commonStyle,
      "--van-password-input-text-color": "#2AD270",
      "--van-password-input-background": "#E4FFFC"
    },
    showError: false
  }
};
export default inputConfig;
